在繼續編輯網頁內容之前,要先介紹賦予網頁多種色彩的工具CSS
什麼是CSS?
HTML具有「賦予字串意義」的功用。
而CSS的作用是用來「設定網頁的外觀」,例如改變文字的大小、配置等等。
CSS是「Cascading Style Sheets」(階層式樣式表)的縮寫。
「Cascading」這個字的意思是「階梯狀的瀑布」,具有「由上往下流」(繼承)的意思
接下來進入教學時間
1.首先在資料夾內新增一個檔案叫test.css,檔名可以自己改,但副檔名一定要是css
2.為了要連動網頁改變我們要在編輯網頁的檔案介面裡的<head></head>
,裡面加上這串程式<link rel="stylesheet" href="style.css">
,這樣我們就可以在css的檔案裡來更改網頁的文字或圖片的樣式了
3.現在先更改背景的顏色,在css檔案中加入@charset "utf-8";
body {background-color: bisque;}
背景就會被更改了
4.css的基本語法會包含「在哪」、「最什麼」、「怎麼做」這三個項目
在哪{ 做什麼 : 怎麼做 ;}
5.現在要將文字置中,在css檔案中指派文字標籤置中
加入h3 ,p{ text-align: center;}
今天就先做到這裡明天繼續!